/*
 * 面向属性的 CSS
 */
//layout 布局
.df {
	display: flex;
}
.fdc {
	flex-direction: column;
}
.jcenter {
	justify-content: center;
}
.acenter {
	align-items: center;
}
.jcbetween{
	justify-content: space-between;
}

.fdcolumn{
	flex-direction: column;
}
.aicenter{
	align-items: center;
}

.fw {
	flex-wrap: wrap;
}
// 定位
.abs {
	position: absolute;
}
.rel {
	position: relative;
}
.pfix {
	position: fixed;
}
// 字体
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f24 {
	font-size: 24px;
}
.f28 {
	font-size: 28px;
}
.f22{
	font-size: 22px;
}
